@charset "utf-8";

#window-frame-translate{
	background: rgba(0, 0, 0, 0) url(/res/images/translate/bg.png) no-repeat scroll 0 0 / cover ;
}
.translation{
	margin: 0 auto;
    padding: 30px;
    width: 470px;
}

.translation input[type="text"]{
	display: inline-block;
	width: 350px;
}
.translation .btn{
	display: inline-block;
}
.translationContent{
	display: none;
	width: 85%;
	margin: 0 auto;
	padding:10px;
}
.translationContent .brief{
	padding: 10px;
	background-color: #f9f9f9;
	border: 1px solid rgb(55,203,254);
}
.translationContent .brief li{
	margin-bottom: 5px;
}
.translationContent .brief li strong{
	font-size: 16px;
	margin-right: 10px;
}

.translationContent .detail{
	padding: 10px;
	background-color: #f9f9f9;
	border: 1px solid rgb(225,114,58);
}
.translationContent .detail-item{
	padding-left: 32px;
}
.translationContent .detail-item li{
	padding-top: 5px;
}
.translationContent .brief .spell{
	font-weight: bold;
}
.translationContent .gray{
	color:gray;
}